/* 全局样式 */
*{
    margin:0;
    height:0;
    box-sizing:border-box;
}
html,body{
    width:100%;
    height:100%;
}
/* 头部样式 */
header{
    width:100%;
    height:4rem;
    background-color: rgb(255,135,0);
}
header>div{
    width:95%;
    height:4rem;
    line-height: 4rem;
    text-align: center;
    color:#fff;
    font-size: 1.3rem;
}


/* 主题样式 */
.main{
    width:100%;
    height:auto;
    padding:0 1rem;
    color:rgb(151,151,151);
}
/* 主体标题样式 */
.main .tit{
    width:100%;
    height:4rem;
    font-size:1.3rem;
    color:rgb(255,184,105);
    padding: 1.25rem 0;
}
.main .tit>div{
    width:100%;
    height:1.5rem;
    line-height: 1.5rem;
    border-left: 0.5rem solid rgb(255,135,0);
    padding-left: 1rem;
}
/* 主题列表样式 */
.community-list{
    width:100%;
    height: auto;
    margin:0;
    padding:0;
    padding-bottom:8rem;
    list-style: none;
    
}
.community-list li{
    width:100%;
    height:5rem;
    background-color: rgb(241,241,241);
    border-radius: 15px;
    padding:0 0.5rem;
    font-size: 0.9rem;
    box-shadow: 0 3px 5px 0px rgb(255,240,218);
}
.community-list li+li{
    margin-top:1rem;
}
.community-list li>div{
    width:100%;
    height:2.5rem;
    padding:0.5rem;
}
.community-list li>div+div{
    border-top:1px solid rgb(228,228,228);
}
.item-top div{
    display: inline-block;
}
.item-top div:first-child{
    width:0.5rem;
    height:0.5rem;
    border-radius: 50%;
    background-color: rgb(255,134,0);
}
.item-bottom{
    width:100%;
    height:2.5rem;
    padding:0.5rem 0;
    display: flex;
    justify-content: space-between;
}